<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <link href="./../resources/css/layout.css" rel="stylesheet" type="text/css" />
        <link href="./../resources/css/style.css" rel="stylesheet" type="text/css" />
        <title>OPGEA PMS</title>
    </h:head>
    <h:body>
        <!--
        <div id="header" class="APPLICATION_HEADER">
            OPGEA Apps
        </div>
        -->
        <p:panel>
        <div class="SIMPLE_LINE" style="text-align: right; height: 40px;">
            <h:form>
                <table width="100%">
                    <tr>
                        <td align="left" valign="top">
                            <p:themeSwitcher id="statefulSwitcher"
                                             value="#{themeController.theme}" 
                                             style="width:195px; text-align: left;" 
                                             effect="fade">  
                                <f:selectItem itemLabel="Choose Theme" itemValue="" />  
                                <f:selectItems value="#{themeController.themes}" 
                                               var="theme"/>
                                <p:ajax global="false" listener="#{themeController.saveTheme}" />
                            </p:themeSwitcher> 
                        </td>
                        <td align="left" valign="top">
                            <p:messages id="messages"  
                                        autoUpdate="true"
                                        closable="true">
                                <p:effect type="pulsate" event="load" delay="500">
                                    <f:param name="mode" value="'show'"/>
                                </p:effect>
                            </p:messages>
                        </td>
                        <td align="right" valign="top">
                            <h:outputText value="#{sessionScope.SESSION_DATA.employeeName}"/>
                            &nbsp;
                            <h:commandLink value="Home" action="/index.xhtml"/>
                            &nbsp;
                            <h:commandLink value="Logout" action="#{loginController.logout}"/>
                        </td>
                    </tr>
                </table>
            </h:form>
        </div>
        </p:panel>
    </h:body>
</html>

